<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>浮动的研究</title>
<link rel="icon" href="../images/favb.ico" mce_href="../images/favb.ico" type="image/x-icon"> 

<style type="text/css">
	h4{padding:0;margin: 0}
	.wrapper{
		width:1000px;
		margin:0 auto;
	}
	
	.parent{
		 background:#eee; 
		 overflow: hidden;
	}
	
	.son_left{
		float:left;
		background-color: #a9d000;
	}
	
	.son{
		background-color: #c9d000;
		float: right;
	}

</style>

</head>
<body>
<div class="wrapper">
	<div class="parent">
			<div class="son_left">
				左侧
			</div>
			<h4 class="son">
				右侧
			</h4>
	</div>
	
	<div style="margin-top:30px;overflow: hidden;">
		<div style="float:left">
				<span style="float:left;">123</span>
				<a style="line-height: 25px">新闻内容</a>
		</div>
		<div style="float:right"><span style="">2012</span></div>
	</div>
	
	<div style="margin-top:30px;">
		<a style="line-height: 25px">江苏新闻</a>
		<span style="float:left">2012-11-17</span>
	</div>
</div>

</body>
</html>